/**
 * 智慧粮库测控平台首页脚本
 * 实现模块导航、与Android接口交互等功能
 */

// 页面加载完成后初始化
document.addEventListener('DOMContentLoaded', function() {
    // 检查用户登录状态
    // 如果未登录，UserManager会自动重定向到登录页面
    window.UserManager.checkLoginStatus();
    
    // 初始化页面
    initPage();
});

/**
 * 初始化页面
 */
function initPage() {
    // 绑定模块点击事件
    bindModuleEvents();
    
    // 检查Android接口
    checkAndroidInterface();
    
    // 添加触摸动效
    addTouchEffects();
}

/**
 * 绑定模块点击事件
 */
function bindModuleEvents() {
    // 获取所有模块
    const modules = document.querySelectorAll('.item');
    
    // 遍历绑定点击事件
    modules.forEach(module => {
        module.addEventListener('click', function() {
            const moduleType = this.getAttribute('data-module');
            navigateToModule(moduleType);
        });
    });
    
    // 为SVG图标包装器添加点击事件
    const iconWrappers = document.querySelectorAll('.svg-icon-wrapper.clickable');
    iconWrappers.forEach(wrapper => {
        wrapper.addEventListener('click', function(e) {
            // 阻止事件冒泡，防止触发两次点击
            e.stopPropagation();
            
            const parentItem = this.closest('.item');
            if (parentItem) {
                const module = parentItem.getAttribute('data-module');
                if (module) {
                    navigateToModule(module);
                }
            }
        });
    });
}

/**
 * 导航到指定模块
 * @param {string} moduleType - 模块类型
 */
function navigateToModule(moduleType) {
    console.log('导航到模块:', moduleType);
    
    // 模块页面映射
    const modulePages = {
        'rainsituation': '../page/Grainsituation.html',
        'pestdetection': '../page/pestdetection.html',
        'ventilation': '../page/Intelligentventilation.html',
        'air-condition': '../page/aircondition.html',
        'gas': '../page/gasmonitoring.html',
        'energy': '../page/energyconsumptionmonitoring.html',
        'alarmanalysis': '../page/alarmanalysis.html',
        'other': '../page/other.html',
        'basicmanager': '../page/settings.html',
        'settings': '../page/settings.html'
    };
    
    // 获取模块对应的页面URL
    const pageUrl = modulePages[moduleType];
    
    // 如果页面URL存在，则导航到该页面
    if (pageUrl) {
        window.location.href = pageUrl;
    } else {
        showToast(`${moduleType}模块正在开发中...`, 'info');
    }
}

/**
 * 检查Android接口
 */
function checkAndroidInterface() {
    try {
        // 尝试获取Android接口对象
        const androidInterface = window.WebViewJsInterface || window.Android;
        
        if (androidInterface) {
            console.log('Android接口连接成功');
            
            // 向Android发送消息
            if (typeof androidInterface.onMessageFromJs === 'function') {
                androidInterface.onMessageFromJs('首页已加载');
            }
        } else {
            console.log('在浏览器中运行，Android接口不可用');
        }
    } catch (e) {
        console.error('检查Android接口出错:', e);
    }
}

/**
 * 添加触摸动效
 */
function addTouchEffects() {
    const items = document.querySelectorAll('.item');
    
    items.forEach(item => {
        // 触摸开始时添加active类
        item.addEventListener('touchstart', function() {
            this.classList.add('active');
        });
        
        // 触摸结束时移除active类
        item.addEventListener('touchend', function() {
            this.classList.remove('active');
        });
        
        // 触摸取消时移除active类
        item.addEventListener('touchcancel', function() {
            this.classList.remove('active');
        });
    });
}

// 如果页面中有版本号元素，设置版本号
const versionElement = document.querySelector('.version');
if (versionElement) {
    // 获取系统版本
    const systemVersion = APP_CONFIG.version;
    versionElement.textContent = `v${systemVersion}`;
}

